@use "@/styles/Spacings.module.scss";
@use "@/styles/Typography.module.scss";

.brain_knowledge_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline: Spacings.$spacing08;
  height: 100%;

  .title {
    @include Typography.H2;
  }

  .settings_wrapper {
    display: flex;
    flex-direction: column;
    gap: Spacings.$spacing05;
  }

  .message_info_box_wrapper {
    align-self: center;
    display: flex;

    .message_content {
      display: flex;
      gap: Spacings.$spacing03;
      flex-wrap: wrap;
      align-items: center;
      align-self: center;
    }
  }

  .buttons_wrapper {
    display: flex;
    justify-content: space-between;
  }
}
